:host {
  --coverBg: rgba(215, 75, 75, 1);
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wrapper {
  background-color: rgba(47, 52, 59, 0.8);
  width: fit-content;
  border-radius: 8px;
  color: #fff;
  position: relative;
  overflow: hidden;
  li {
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
}
.cover {
  position: absolute;
  background: var(--coverBg);
  height: 100%;
  z-index: 1;
  border-radius: 8px;
}
.hidden-menu {
  position: relative;
  background-color: rgba(47, 52, 59, 0.8);
  border-radius: 8px;
  color: #fff;
  padding: 8px;
}
.animate-all {
  transition: 0.28s ease-in-out;
}
.animate-top {
  transition: top 0.28s;
}
